$(function() {
  //使用表单校验插件
  $(".login-form").bootstrapValidator({
    //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
    excluded: [":disabled", ":hidden", ":not(:visible)"],
    //2. 指定校验时的图标显示，默认是bootstrap风格
    feedbackIcons: {
      valid: "glyphicon glyphicon-ok",
      invalid: "glyphicon glyphicon-remove",
      validating: "glyphicon glyphicon-refresh"
    },
    //3. 指定校验字段
    fields: {
      //   校验用户名，对应name表单的name属性
      username: {
        // 校验规则
        validators: {
          // 非空
          notEmpty: {
            message: "用户名不能为空！"
          },
          // 长度校验
          stringLength: {
            min: 2,
            max: 6,
            message: "用户名必须是2-6位"
          },
          callback: {
            message: "用户名不存在"
          }
        }
      },
      password: {
        validators: {
          //不能为空
          notEmpty: {
            message: "密码不能为空"
          },
          //长度校验
          stringLength: {
            min: 6,
            max: 12,
            message: "密码必须是6~12位"
          },
          callback: {
            message: "密码不正确"
          }
        }
      }
    }
  });

  // 点击重置按钮 重置表单
  $(".btn-reset").click(function() {
    $(".login-form")
      .data("bootstrapValidator")
      .resetForm();
  });

  //   点击登录按钮 在验证全部通过的情况下 获取表单数据 向表单发送请求 获取后台响应的数据
  // $(".btn-login").click(function(e) {
  //   //   阻止 提交按钮 submit 的默认提交行为
  //   e.preventDefault();
  //   // ajax 实现交互
  //   $.ajax({
  //     type: "post",
  //     url: "/employee/employeeLogin",
  //     data: $(".login-form").serialize(),
  //     dataType: "json",
  //     success: function(res) {
  //       console.log(res);
  //     }
  //   });
  // });
  $(".login-form").on("success.form.bv", function(e) {
    e.preventDefault();
    //使用ajax提交逻辑
    $.ajax({
      type: "post",
      url: "/employee/employeeLogin",
      data: $(".login-form").serialize(),
      dataType: "json",
      success: function(res) {
        // console.log(res);
        if (res.error == 1000) {
          // 用户名不存在
          $(".login-form")
            .data("bootstrapValidator")
            .updateStatus("username", "INVALID", "callback");
        }
        if (res.error == 1001) {
          // 密码不存在
          $(".login-form")
            .data("bootstrapValidator")
            .updateStatus("password", "INVALID", "callback");
        }
        if (res.success) {
          // 跳转到首页
          // location.href = "../admin/index.html";
          location.href = "index.html";
          // console.log($(document));
        }
      }
    });
  });
});
